import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router"
import VueResource from "vue-resource"
import goods from "../../components/ClientPage/goods/goods"
import ratings from "../../components/ClientPage/ratings/ratings"
import seller from "../../components/ClientPage/seller/seller"
import MyPage from "../../components/ClientPage/MyPage/MyPage";
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import '../../common/stylus/index.styl'

Vue.use(VueRouter);
Vue.use(VueResource);
Vue.use(ElementUI);
Vue.config.productionTip = false;

const routes = [
    {path: '/', redirect: '/goods'},
    {path: '/goods', component: goods},
    {path: '/seller', component: seller},
    {path: '/ratings', component: ratings},
    {path: '/MyPage', component: MyPage},
];

const router = new VueRouter({
    routes: routes,
    linkActiveClass: 'active'
});

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')
